﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MyCard.aspx.cs" Inherits="ATW.Web.Details.MyCard" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>我的认证</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,user-scalable=no" />
    <link type="text/css" rel="Stylesheet" href="../Styles/Main.css" />
    <link href="../Styles/MyCard.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="../Scripts/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="../Scripts/jquery.event.drag-1.5.min.js"></script>
</head>
<body>
    <div class="container ui-box">
        <div class="ui-flex" style="border-top: 10px solid #EFEFEF; border-bottom: 10px solid #EFEFEF;
            text-align: center">
            <span class="font-24 identification">苏州信图有限公司</span>
        </div>
        <div class="ui-flex" style="padding: 10px 0px; text-align: center; background: #F2F6FF;">
            <span class="font-16 font-red">已认证类别</span>
        </div>
        <ul class="MyCardcontent ui-box ui-flex">
            <li class="col33 ui-box">
                <img src="../images/MyCard/Card.png" style=" width: 30%; margin: 5px;" /><br />
                类别2</li>
            <li class="col33 ui-box">
                <img src="../images/MyCard/Card.png" style=" width: 30%; margin: 5px;" /><br />
                类别2</li>
            <li class="col33 ui-box">
                <img src="../images/MyCard/Card.png" style=" width: 30%; margin: 5px;" /><br />
                类别2</li>
        </ul>
        <ul class="MyCardcontent ui-box ui-flex">
            <li class="col33 ui-box">
                <img src="../images/MyCard/Card.png" style=" width: 30%; margin: 5px;" /><br />
                类别2</li>
            <li class="col33 ui-box">
                <img src="../images/MyCard/Card.png" style=" width: 30%; margin: 5px;" /><br />
                类别2</li>
            <li class="col33 ui-box">
                <img src="../images/MyCard/Card.png" style=" width: 30%; margin: 5px;" /><br />
                类别2</li>
        </ul>
        <ul class="MyCardcontent ui-box ui-flex">
            <li class="col33 ui-box">
                <img src="../images/MyCard/Card.png" style=" width: 30%; margin: 5px;" /><br />
                类别2</li>
            <li class="col33 ui-box">
                <img src="../images/MyCard/Card.png" style=" width: 30%; margin: 5px;" /><br />
                类别2</li>
            <li class="col33 ui-box">
                <img src="../images/MyCard/Card.png" style=" width: 30%; margin: 5px;" /><br />
                类别2</li>
        </ul>
    </div>
    <script type="text/javascript">
        $(function () {
            var containerHeight = $(".container").height();
            var windowHeight = $(window).innerHeight();
            if (windowHeight > containerHeight) {
                $(".container").height(windowHeight + "px")
            }

        })
    
    </script>
</body>
</html>
